@import"../../assets/css/reset.css";
@import"../../assets/css/common.css";
@import"../../assets/libs/swiper/swiper-bundle.min.css";
body {
    display: block;
    background-color: rgb(248, 249, 251);
  }
#mydiv {
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    min-width: 1200px;
    z-index: 1000;
   
    canvas {
        position: relative !important;
        z-index: 1;
    }
}
main{
    min-width: 1200px;
    position: relative;
    div{
        &>div:nth-child(1){
            position: absolute;
            top: -120px;
            display: flex;
            width: 1200px;
            height: 290px;
            div{
                width: 50%;
                background-color:#fff;
                padding: 50px 100px 0 45px;
                display: flex;
                flex-direction: column;
                h2{
                    margin: 25px 0 30px 0;
                    font-size: 36px;
                }
                p{
                    font-size: 16px;
                    line-height: 28px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 3;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                }
    
              
            }
            img{
                width: 50%;
              }
           
    
        }
    }
   
}